﻿<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<head>


<title>街舞风采</title>
<link rel="stylesheet" href="css/style.css" />
</head>

<body>
<% 
String personName=(String)session.getAttribute("yonghuming");
%>
<div class="top">
<font size="3" color=white>
<%
if(personName!=null)
{
out.println(""+personName);
%>
<a href="zhuxiao.jsp">注销</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<%
}
else
{
%>
	<a href="denglu.jsp">登录 </a>&nbsp;&diams;&nbsp;&nbsp;<a href="zhuce.jsp">注册</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<%
}
%>
</font>
</div>
<header>
<div class="headl">
<img src="images/001.png" alt="logo">
</div>

<div class="headr">


<nav class="nav">
<ul>
    <li class="current active"><a href="zhuye.jsp">Home</a></li>
    <li><a href="Popping.jsp">Popping</a></li>
    <li><a href="Breaking.jsp">Breaking</a></li>
    <li><a href="Jazz.jsp">Jazz</a></li>
    <li><a href="Shuffle.jsp">Shuffle</a></li>
    <li><a href="huiyuan.jsp">Video</a></li>
    <li><a href="FaBu03.jsp">Shangc</a></li>
</ul>
</nav> 


</div>
</header>
<br><br><br><br><br><br><br><br>

<div class="content">
<!-- one col -->
<div class="one-col separator">
<div class="col">
<article>
<h2>唯舞开道，状元驾到</h2>
<p>跳街舞使人注意力集中，能培养一个人的意志力，也可使大脑想念力，创造力发挥到极致。街舞的动作优美随意，最吸引人之处是以全身的活力带来热情澎湃的感觉，经常练习还可增强全身协调性。街舞属一种中低强度的有氧运动，有一定的瘦身功效，一个小时运动后消耗全身脂肪的作用。不可忽视哦！</p>
<p>我们的网站中，主要有Popping，Breaking，Shuffle和Jazz四大舞种，喜欢的朋友们可以点进来看看哦。</p>
</article>
</div>
</div>



<div class="gallery">
		    <div class="gallery-item">
		      <div class="gallery-item-image">
                       <a href="Popping.jsp">
		        <img src="img/1.jpg">
                       </a>
                      </div>
		      <div class="gallery-item-description">
		        <h3>Popping</h3><span>一般的POPPIN包括了肩膀、胸部、手臂、腿部等。</span></div>
		    </div>

		    <div class="gallery-item">
		      <div class="gallery-item-image">
                       <a href="Breaking.jsp">
		        <img src="img/3.jpg">
                       </a>
                      </div>
		      <div class="gallery-item-description">
		        <h3>Breaking</h3><span>Breaking以自由的个人特色的动作为主。</span></div>
		    </div>
		    <div class="gallery-item">
		      <div class="gallery-item-image">
                       <a href="Popping.jsp">
		        <img src="img/2.jpg">
                       </a>
                      </div>
		      <div class="gallery-item-description">
		        <h3>Popping</h3><span>一般的POPPIN包括了肩膀、胸部、手臂、腿部等。</span></div>
		    </div>
		    <div class="gallery-item">
		      <div class="gallery-item-image">
                       <a href="Jazz.jsp">
		        <img src="img/4.jpg">
                       </a>
                      </div>
		      <div class="gallery-item-description">
		        <h3>Jazz</h3><span>JAZZ有很多种:STREET,POWER,SEXY等。</span></div>
		    </div>
		    <div class="gallery-item">
		      <div class="gallery-item-image">
                       <a href="Shuffle.jsp">
		        <img src="img/5.jpg">
                       </a>
                      </div>
		      <div class="gallery-item-description">
		        <h3>Shuffle</h3><span>全称：墨尔本曳步舞,又称曳步舞。</span></div>
		    </div>
		    <div class="gallery-item">
		      <div class="gallery-item-image">
                       <a href="Jazz.jsp">
		        <img src="img/6.jpg">
                       </a>
                      </div>
		      <div class="gallery-item-description">
		        <h3>Jazz</h3><span>JAZZ有很多种:STREET,POWER,SEXY等。</span></div>
		    </div>
		  </div>
		
<footer>
</footer>
<div class="bottom">
<div class="bottomcenter">
<center>
街舞风采 © 2017</a>
</center>
</div>
</div>
</div>
</body>
</jsp>
